<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>东北大学秦皇岛分校</title>
    <link rel="stylesheet" href="./css/init.css">
    <style>
        #header{
            width: 100vw;
            background: #073f7b;
        }
        #header2{
            width: 75vw;
            height: 30px;
            margin: 0 auto;
            line-height: 30px;

        }
        #header_left{
            float: left;
            text-decoration-color: white;
        }
        #header_right{
            float: right;
        }
        #header2 a{
            color: #c1cdec;
            font-size: 14px;
            padding-left:0.5vw;
            padding-right: 0.5vw;
        }
        #container{
            width: 75vw;
            margin:0 auto;
        }
        #banner2{
            display:flex;
            background: rgb(0,78,161);
            justify-content: center;
            align-items: center;
        }
        #introduction{
            background:rgb(0,78,161);
            height: 6vh;
            display: flex;
            justify-content: center;
            align-items: center;
            border-top: 1px solid rgb(8,88,176);
        }
        .dropdown{
            display:block;
            float:left;
            width: 11vw;
            position: relative;
        }
        #introduction li a{
            color: white;
            font-size: 15px;
        }
        .introduction_1{
            display: none;
        }
        .dropdown:hover .introduction_1{
            display: flex;
            width: 11vw;
            background: rgb(7,63,123);
            position: absolute;
        }
    </style>
</head>
<body>
<div id = "header">
    <div id="header2">
        <div id="header_left">
            <a href="http://www.neuq.edu.cn/link/xs.htm">学生</a>
            <a href="http://www.neuq.edu.cn/link/jzg.htm">教职工</a>
            <a href="http://www.neuq.edu.cn/link/fk.htm">访客</a>
            <a href="http://www.neuq.edu.cn/link/jz1.htm">家长</a>
            <a href="http://www.neuq.edu.cn/link/xy.htm">校友</a>
        </div>
        <div id="header_right">
            <a href="http://i.neuq.edu.cn/">服务门户</a>
            <a href="http://mail.neuq.edu.cn/">电子邮件</a>
            <a href="http://www.neu.edu.cn/">东北大学</a>
            <a href="http://www3.neuq.edu.cn/">旧版浏览</a>
        </div>
    </div>
</div>
<div id = "banner2">
    <div id="logo_1"><img src="./img/logo.png" alt=""></div>
    <div id="logo_2"><img src="./img/logo_bg.png" alt=""></div>
    <div id="search_frame"></div>
</div>
<div id = "introduction">
    <ul>
        <li class="dropdown"><a href="#">学校概况</a>
            <div class="introduction_1">
                <ul>
                    <li><a href="">学校简介</a></li>
                    <li><a href="">现任领导</a></li>
                    <li><a href="">历任领导</a></li>
                    <li><a href="">组织机构</a></li>
                    <li><a href="">校歌校训校标</a></li>
                    <li><a href="">校园风景</a></li>
                </ul>
            </div>
        </li>
        <li class="dropdown"><a href="#">院系设置</a>
            <div class="introduction_1">
                <ul>
                    <li><a href="">研究生分院</a></li>
                    <li><a href="">经济学院</a></li>
                    <li><a href="">管理学院</a></li>
                    <li><a href="">计算机与通信工程学院</a></li>
                    <li><a href="">控制工程学院</a></li>
                    <li><a href="">语言学院</a></li>
                    <li><a href="">数学与统计学院</a></li>
                    <li><a href="">资源与材料学院</a></li>
                    <li><a href="">社会科学研究院</a></li>
                    <li><a href="">体育部</a></li>
                </ul>
            </div>
        </li>
        <li class="dropdown"><a href="#">教学科研</a>
            <div class="introduction_1">
                <ul>
                    <li><a href="">师资队伍</a></li>
                    <li><a href="">本科生教育</a></li>
                    <li><a href="">研究生教育</a></li>
                    <li><a href="">教学管理系统</a></li>
                    <li><a href="">科研管理系统</a></li>
                    <li><a href="">学术会议</a></li>
                </ul>
            </div>
        </li>
        <li class="dropdown"><a href="#">招生就业</a>
            <div class="introduction_1">
                <ul>
                    <li><a href="">本科生</a></li>
                    <li><a href="">研究生</a></li>
                </ul>
            </div>
        </li>
        <li class="dropdown"><a href="#">人才招聘</a></li>
        <li class="dropdown"><a href="#">国际合作交流</a></li>
        <li class="dropdown"><a href="#">创新创业</a></li>
        <li class="dropdown"><a href="#">校园生活</a>
            <div class="introduction_1">
                <ul>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>
        </li>
    </ul>
</div>
<div id = "container">

    <div id = "lunbotu"></div>
    <div id = "toutiao"></div>
    <div id = "xuexiaoxinwen"></div>
</div>
</body>
</html>